<template>
  <el-container class="order-page panel-block">
    <el-main >
       <div class="box">
			<div class="box-line">
				<div class="box-label">发票类型</div>
				<div class="box-val">{{modal.params.data.type == 'person' ? '个人' :'公司'}}</div>
			</div>
			<el-divider />
			<div class="box-line">
				<div class="box-label">名称</div>
				<div class="box-val">{{modal.params.data.name}}</div>
			</div>
			<el-divider />
			<div class="box-line" v-if="modal.params.data.type == 'company'">
				<div class="box-label">纳税号</div>
				<div class="box-val">{{ modal.params.data.tax_n }}</div>
			</div>
	   </div>
    </el-main>
	<el-footer class="sa-footer--submit">
      <el-button type="primary" @click="emit('modalCallBack', {
          event: 'confirm',
        })">返回</el-button>
    </el-footer>
  </el-container>
</template>
<script setup>
  import { onMounted, reactive, ref } from 'vue';
  import { api } from './withdraw.service.js';
  const emit = defineEmits(['modalCallBack']);

  const props = defineProps(['modal']);

  onMounted(() => {
  });
</script>
<style lang="scss" scoped>
::v-deep{
	.el-divider--horizontal{
		margin: 12px 0;
	}
}
.box{
	.box-line{
		width: 500px;
		display: flex;
		align-items: center;
		justify-content: space-around;
		.box-label{
			color: #000;
			font-size: 15px;
			font-weight: #fff;
			line-height: 22px;
		}
		.box-val{
			color: #333;
			font-size: 15px;
			font-weight: #fff;
			line-height: 22px;
		}
	}
}
</style>
